<template>
  <ul>
    <router-link to="/film/nowplaying" tag="li" active-class="active">正在热映</router-link>
    <router-link to="/film/comingsoon" tag="li" active-class="active">即将热映</router-link>
  </ul>
</template>

<script>
  
</script>

<style lang="less" scoped>
  ul {
    display: flex;
    height: 50px;
    line-height: 50px;
    li {
      flex: 1;
      text-align: center;
      font-size: 16px;
      &.active {
        color: #f03d37;
        border-bottom: 3px solid #f03d37;
      }
    }
  }
</style>